$(document).ready(function(){
	
	$("#cropAvatar .crop").Jcrop({
		onSelect: updateCoords,
		minSize: [72, 87],
		aspectRatio: 1 / 1.208
	});
	
	bindCrop();
	$("#cropAvatar .cancelar").click(function(){
		$.fancybox.close();
	});
	
	$(".crop").load(function(){
		$.fancybox.resize();
	});

});

function updateCoords(c){
	$('#x').val(c.x);
	$('#y').val(c.y);
	$('#w').val(c.w);
	$('#h').val(c.h);
	$('#src').val($(".crop").attr("src"));
};

function checkCoords(){
	if (parseInt($('#w').val())){ 
		return true; 
	}else{
		jAlert('Por favor seleccione la region de la imagen que desea recortar.');
		return false;
	}
};

function bindCrop(){
	$("#cropAvatar form").submit(function(){
		if(checkCoords()){
			$.ajax({
				type: "POST",
				data: camposForm("#cropAvatar form"),
				url: $("#cropAvatar form").attr("action"),
				dataType: "html",
				success: function(data){
					if(data != "false"){
						$("#actualizaciones .usuario .avatar").attr("src", data);
						$.fancybox.close();
						$("#avatarUpload").unbind();
						bindUploadAvatar();
					}else{
						jAlert("No se puede guardar en este momento, intente mas tarde.");
					}
				}
			});
		}
		
		return false;
	});
}